
<!DOCTYPE html>
<html>

<head>
   
    
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<!--360浏览器优先以webkit内核解析-->


<title>业务员月考勤报表</title>

<link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
<link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
<link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
<link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
<link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
<link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
<!-- Sweet Alert -->
<link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">


    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
   
    </style>

</head>

<body class="white-bg x_sorll" style="padding: 3px;">
    <div class="page-heade">
       <h2 class="title_color text-center">业务员月考勤报表</h2>
    </div>
    <form action="" class="form-inline" id="form1">
        <table class="table table-bordered bud_hei">
               <tr>
                <td class="text-right">请选择要查询的月份</td>
                <td><input type="text" name="" class="form-control" id="month"></td>
                <td>所属部门</td>
                <td><input type="text" name="" class="form-control"></td>
                <td class="text-right">姓名</td>
                <td><input type="text" class="form-control"></td>
               </tr>
               <tr>
               <td class="text-right">所属分区</td>
               <td colspan="5"><input type="text" class="form-control"></td>
               </tr>
               <tr>
               <td class="text-center" colspan="6">
                       <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button> 
                       <button class="btn btn-sm btn-info" type="button">导出Excel</button> 
                   </td>
               </tr>
        </table>
    </form>
    <div class="padding-10">
        <p>1.上班或下班有不打卡的情况，当天都不计算上班时长，不计入实际出勤天数</p>
        <p>2.总时长就是每天的上班时长合计，上下班不打卡那些天都被视作没出勤，当天不计算时长</p>
        <p>3.当天上下班均不打卡视作未上班时长(天)</p>
    </div>
    <table class="table table-striped table-bordered table-hover bud_hei text-center">
        <tr class="info">
            <td rowspan="2">No.</td>
            <td rowspan="2">月份</td>
            <td rowspan="2">姓名</td>
            <td rowspan="2">用户名</td>
            <td rowspan="2">所属部门</td>
            <td rowspan="2">岗位</td>
            <td rowspan="2">手机号码</td>
            <td rowspan="2">入职时间</td>
            <td rowspan="2">离职时间</td>
            <td rowspan="2">目前状态</td>
            <td colspan="7">本月实际出勤</td>
            <td colspan="2">请假</td>
            <td colspan="2">加班</td>
            <td colspan="4">上下班异常</td>
            <td rowspan="2">所属分区</td>
        </tr>
        <tr class="info">
            <td>天数</td>
            <td>总时长<br>(小时)</td>
            <td>日平均时长<br>(小时)</td>
            <td>迟到(次)</td>
            <td>迟到(分钟)</td>
            <td>早退(次)</td>
            <td>早退(分钟)</td>
            <td>天</td>
            <td>小时</td>
            <td>天</td>
            <td>小时</td>
            <td>上班未打<br>卡(次)</td>
            <td>下班未打<br>卡(次)</td>
            <td>未上班时<br>长(天)</td>
            <td>上下班打卡<br>距离偏差(次)</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2018-01</td>
            <td>唐海燕</td>
            <td>tanghaiyan</td>
            <td>财务部</td>
            <td>华北大区经理</td>
            <td>12312312312</td>
            <td>2017-12-09</td>
            <td></td>
            <td>试用</td>
            <td>10</td>
            <td>8.48</td>
            <td>84.78</td>
            <td>2</td>
            <td>628</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>0</td>
            <td>1</td>
            <td>19</td>
            <td>2</td>
            <td>华北大区</td>
        </tr>
    </table>
   <!--  <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5> -->
 <!--    <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->

<!-- 全局js -->
<script src="__STATIC__/layout/js/jquery.min.js"></script>
<script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
<!-- Sweet alert -->
<script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
  <script src="__STATIC__/layout/js/plugins/laydate/laydate.js"></script>

  <script src="__STATIC__/layout/js/contabs_sub.js"></script>
<script>
    $(function () {
        $('body').on('click','input[type=text]',function () {
            this.select()
        })
    })
</script>
<script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
<script>
    $(document).ready(function () {
    laydate.render({
         elem: '#month',
         type: 'month'
      });

        $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })
    })   

</script>
</body>

</html>